<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Simple Followers List</title>
<!-- NOT Required CSS -->
<link href="demo.css" rel="stylesheet" type="text/css">
<!-- NOT Required CSS -->

<!-- Required CSS -->
<style> 
/*---- Users ----*/
div.tf-users{
	/* fixed height so container will not flicker within transitions */
	height:192px;
	border:silver 1px solid;
	overflow:hidden;
	background-color:#eaeaea;
}
/* user img link*/
div.tf-users a{ 
	display:block;
	float:left;
}
/* user img */
div.tf-users img{ }

/*---- Tweets ----*/
div.tf-tweet{
	/* fixed height so container will not flicker with different length tweets  */
	height:100px;
	overflow:hidden;
}
/* tweet li */
div.tf-tweet li{
	border:silver 1px solid;
	position:relative;
	padding:2px;
	list-style-type:none;
	margin:1px 0;
	overflow:hidden;
}

/* tweet author avatar */
div.tf-tweet span.tf-avatar{
	display:block;
	width:48px;
	height:48px;
	margin:0 2px 0 2px;
	left:0;
	position:absolute;
	overflow:hidden;
}
/* author name */
div.tf-tweet strong a{
	margin-right:5px;
}
/* tweet body */
div.tf-tweet span.tf-body {
	display:block;
	margin-left:55px;
}
/* tweet content */
div.tf-tweet span.tf-content{
}
/* tweet date and source */
div.tf-tweet span.tf-meta {
	color:#999999;
	display:block;
	font-size:0.764em;
	margin:3px 0 0;
}
div.tf-tweet span.tf-meta a{
	color:#999999;
	text-decoration:none;
}
div.tf-tweet span.tf-meta a:hover{
	text-decoration:underline;
}
/* customize date link */
div.tf-tweet a.tf-date { }
/* customize source link */
div.tf-tweet a.tf-source { }
/* customize links */
div.tf-tweet a.tf-link { }
/* customize @user links */
div.tf-tweet a.tf-at { }
/* customize #hashtags links */
div.tf-tweet a.tf-hashtag { }

/* ---- Info Link ----- */
div.tf-info{
	text-align:right;
}
div.tf-info a{
	text-decoration:none;
	font-size:9px;
	font-weight:bolder;
	color:gray;
	font-family:tahoma;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-1.0.min.js?T=1"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#friends').twitterFriends({
			debug:1
			,username:'Mike_More'
		});
	});
</script>
</head>
<body>
	<h1>Simple Followers List</h1>
	
	<!-- Some fixed width conatiner where you will place the twiter-freinds div inside of -->
	<div class="some-fixed-width-container" style="width:242px">
		<!-- Required HTML -->
		<div id="friends"></div>
		<!-- Required HTML -->
	</div>
	
	
	
	
	<div id="footer">
		<a class="icon" href="http://www.moretechtips.net/" title="More Tech Tips!"></a>
		<div class='ad'>
			<script type="text/javascript">google_ad_client = "pub-9464686146570738";google_ad_slot = "6604226947";google_ad_width = 468;google_ad_height = 60;</script>
			<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
		</div>
		<a class="link" href="http://www.moretechtips.net/2009/10/twitter-friends-followers-widget-jquery.html">Back to post</a>
	</div>
	<script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try{	var pageTracker = _gat._getTracker("UA-5465067-6"); pageTracker._trackPageview();} catch(err){}</script>
</body>
</html>
